<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    String static_path = path + "/static/alpha";
    String x_admin_path = path + "/static/X-admin-2.3";
%>
<html>
<head>
    <title>迟到报表</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

    <!-- X-admin -->
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <script type="text/javascript" src="<%=x_admin_path%>/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="<%=x_admin_path%>/css/font.css">
    <link rel="stylesheet" href="<%=x_admin_path%>/css/xadmin.css">
    <script type="text/javascript" src="<%=x_admin_path%>/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%=x_admin_path%>/js/xadmin.js"></script>
</head>


<div class="row">
    <div class="col-12 table-responsive" id="infoDiv">
        <table class="table table-striped <%--layui-table--%> layui-form">
            <thead>
            <tr>
                <th>员工工号</th>
                <th>员工姓名</th>
                <th>考勤时间</th>
                <th>迟到时间</th>
                <th>是否特殊</th>
                <th>备注</th>
            </tr>
            </thead>
            <tbody>
            <c:forEach items="${requestScope.late}" var="late">
                <tr>
                    <td>${late.user.jobNum}</td>
                    <td>${late.user.name}</td>
                    <td><fmt:formatDate value="${late.lateStartTime}" pattern="HH:mm:ss"/></td>
                    <td><fmt:formatDate value="${late.lateActualTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
                    <td ><input type="checkbox" lay-filter="isRemarks" value="${late.id} "  name="switch"  lay-text="是|否"   lay-skin="switch" ${late.except?'checked=""':0 }></td>
                    <td title="${late.remarks} " style="width: 400px;"><a id="updataRemarks">${empty late.remarks ? 'null':late.remarks} </a> </td>
                    <input type="hidden"  value="${late.id} " />
                </tr>
            </c:forEach>
            </tbody>
        </table>
    </div>
    <!-- /.col -->
    <div id="page" style="margin-left:30%;"></div>
</div>
<%--分页--%>
<%--<div class="page list-page">
    <div>
        <a class="prev" href="">&lt;&lt;</a>
        <a class="num" href="">1</a>
        <span class="current">2</span>
        <a class="num" href="">3</a>
        <a class="num" href="">489</a>
        <a class="next" href="">&gt;&gt;</a>
    </div>
</div>--%>
<%--分页--%>
</body>
</html>

